import {VantComponent} from '../common/component'

VantComponent({
  field: true,
  classes: ['node-class'],
  props: {
    checked: null,
    loading: Boolean,
    disabled: Boolean,
    activeColor: String,
    inactiveColor: String,
    size: {
      type: String,
      value: '30',
    },
    activeValue: {
      type: null,
      value: true,
    },
    inactiveValue: {
      type: null,
      value: false,
    },
  },
  methods: {
    onClick() {
      const {activeValue, inactiveValue, disabled, loading} = this.data
      if (disabled || loading) {
        return
      }
      const checked = this.data.checked === activeValue
      const value = checked ? inactiveValue : activeValue
      this.$emit('input', value)
      this.$emit('change', value)
    },
  },
})
